

<HTML>
<HEAD>
<TITLE>Seventh Test of Section 9.3 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">



#id1 {top: 2px; position: relative}
#id2 {top: 50%; position: relative}
#id3 {top: auto; position: relative}
#id4 {top: inherit; position: relative}


</STYLE>
</HEAD>




<BODY>
<h1 >
Testing <!--Seventh Testable Statement of -->Sec 9.3 of CSS2 Specification
</h1>
<hr>
<!--


<ul>
<li  >
7. The 'top' property has possible values of 'length', 'percentage', 'auto'
and 'inherit'.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #7 above is passed, then
-->
<hr>
<pre>
The rules applied are:
#id1 {top: 2px; position: relative}
#id2 {top: 50%; position: relative}
#id3 {top: auto; position: relative}
#id4 {top: inherit; position: relative}
</pre>
<hr>



<p id="id1">This paragraph has position relative, and top of 2px.
</p>
<p id="id2">This paragraph has position relative, and top of 50%.
</p>
<p id="id3">This paragraph has position relative, and top of auto.
</p>
<p id="id4">This paragraph has position relative, and top of inherit.
</p>
<!--
Your browser rendering of this page should look similar to this <a href="c83201.gif"> 
reference image </a> or to this <a href="d83201.gif">reference image</a>.
-->


</BODY>
</HTML>

